<template>
    <Modal v-on:hidden="$emit('hidden')">
        <div class="polygon flexC">
            <!-- 点击关闭弹窗 -->
            <p class="polygonBtnClose" @click.self="$emit('hidden')">X</p>
            <div class="flex1" style="padding:2rem 2rem;">
                <slot></slot>
            </div>
        </div>
    </Modal>
</template>
<script>
import Modal from './Modal'
export default {
  name: 'ModalPolygon02',
  components: {
    Modal
  }
}
</script>
<style lang="scss" scoped>
.polygon {
    width: 36%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 32%;
    background: url(../assets/img/components/09.png) no-repeat;
    background-size: 100% 100%;
    .polygonBtnClose {
        position:absolute;
        top:3.2%;
        right:4%;
        border:1px solid #ccc;
        padding:0.25rem 1rem;
        border-radius:20px;
        color:#fff;
        cursor:pointer;
    }
}
</style>
